<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>订单查询</title>
	<meta name="keywords" content="翻倍花，O2O，第三方推广，服务平台">
    <meta name="description" content="翻贝网致力于打造国内最具公信力的第三方推广和服务平台">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/h5.css?v={{env('CSS_VERSION')}}">
	<script src="{{env('JS_DOMAIN')}}/js/adaptation.js?v={{env('JS_VERSION')}}"></script>
    <style>
		/*.order_bg{width: 100%;position: absolute;top: 0;left: 0;}*/
		.center{position: absolute;top: 0;left: 0;background: url({{env('IMAGE_DOMAIN')}}images/order/bg.png?v={{env('IMAGE_VERSION')}}) 0 0 no-repeat;min-height: 15.6rem;}
		.center_top{overflow: hidden;background: url({{env('IMAGE_DOMAIN')}}images/order/small_bg.png?v={{env('IMAGE_VERSION')}}) 0 0 no-repeat;background-size: 9rem;width: 9rem;height: 6rem;margin: 1.6rem 0.9rem 0;}
		.center_top li{float: left;}
		.center_top .text1{font-size: 0.6rem;text-align: center;color: #9955c6;width: 100%;margin-top: 0.9rem;}
		.center_top .text2{margin-top: 0.3rem;overflow: hidden;}
		.center_top .text2 input{width: 7.5rem;height: 1.1rem;line-height: 1.1rem;background: #eee;float: left;font-size: 0.6rem;}
		.center_top .text3{font-size: 0.5rem;text-align: center;color: #ff5a5a;width: 100%;height: 0.8rem;line-height: 0.8rem;font-weight: 900;}
		.center_top .btn{font-size: 0.6rem;text-align: center;color: #fff;width: 7.5rem;height: 1.2rem;line-height: 1.2rem;background-color: #9955c6;border-radius: 0.6rem;margin-left: 0.75rem;}
		.center_bottom{width: 9rem;height: 7.35rem;margin: 0.67rem 0.9rem;}
    </style>
</head>
<body>
	<!-- <img class="order_bg" src="" alt=""> -->
	<div class="center">
		<ul class="center_top">
			<li class="text1">请输出订单号查询</li>
			<li class="text2">
				<input maxlength="24" id="ordernum" style="margin-left: 0.75rem;" type="tel" />
			</li>
        @if(isset($message))
            <li class="text3">{{$message}}</li>
        @else
			<li class="text3"></li>
        @endif
             <li class="btn">查询</li>
		</ul>
		<img class="center_bottom" src="{{env('IMAGE_DOMAIN')}}images/order/picture.png?v={{env('IMAGE_VERSION')}}" alt="">
	</div>
	<script src="{{env('JS_DOMAIN')}}/js/jquery-1.11.1.min.js?v={{env('JS_VERSION')}}"></script>
	<script>
		window.onresize=function(){
            pagesp();
            $(".center").height($(window).height());
        }
		$(".center").height($(window).height());
		$("#ordernum").focus(function(){
			$(".text3").html("");
		})
		$(".btn").click(function(){
			$("#ordernum").blur();
			var ordernum = $("#ordernum").val();
			ordernum = ordernum.replace(/\s/g, "");
			window.location.href = "/mobile/order/search/result?ordernumber=" + ordernum;
		})
		window.onload = function() {  
            var t = document.getElementById("ordernum");  
            t.onkeydown = change;  
            t.onkeyup = change;  
            t.onkeypress = change;  
        }  
        function change() {  
            this.value = this.value.replace(/\D/g, '').replace(/....(?!$)/g, '$& '); //替换空格前4位数字为4位数字加空格  
        }
	</script>
</body>
</html>